<template>
	<div id="main">
		<!-- 主体部分 路由切换-->

		<div class="navbar navbar-expand-sm bg-info navSize">
			<ul class="navbar-nav navPos">
				<li class="nav-item lifl1">
					<router-link :to="{path:'/main/queryPost',query:{id:this.$store.state.forumId}}">查看帖子</router-link>
				</li>
				<li class="nav-item lifl2">

					<router-link :to="{path:'/main/sendPost',query:{id:this.$store.state.forumId}}">发表帖子</router-link>
				</li>
			</ul>

		</div>

		<router-view />
	</div>
</template>

<script>
	export default {
		data() {
			return {
				forumId: ''
			}
		},
		created() {
			this.$store.commit("setForumId", this.$route.query.id)
		},
		methods: {

		}

	}
</script>


<style scoped lang="less">
	
		.router-link-active {
			color: yellow;
			font-size: larger;
		}

</style>